<template>
  <TabsRoot
    :value="value"
    @update:value="$emit('update:value', $event)"
    :class="cn('flex flex-col gap-2', className)"
  >
    <slot />
  </TabsRoot>
</template>

<script setup>
import { TabsRoot } from "radix-vue";
import { cn } from "../utils";

defineProps({
  className: {
    type: String,
    default: "",
  },
  value: {
    type: String,
  }
});

defineEmits(['update:value']);
</script>
